<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:m="http://www.richfaces.org/veles">
    <h:head>
        <title>Google Map with circle</title>
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <style type="text/css">
           html {height: 100%}
            body { height: 100%; margin: 5px; padding: 0px }
            .map_canvas{
                height: 400px;
                width: 600px;
            }
        </style>
    </h:head>
    <h:body>
        <h3>Google Map with circle</h3>
        <!-- add second map -->
        <m:googleMap latitude="34.54" longitude="65.34" mapType="ROADMAP" zoom="7" styleClass="map_canvas" 
                     draggable="true" mapTypeControl="true" scaleControl="false" panControl="true" zoomControl="true">
            <m:circle latitude="34.54" longitude="63.34" radius="100000" fillColor="#00EE00" />
        </m:googleMap>
    </h:body>
</html>
